{% include 'admin/header_admin.html' %}
{% if user.is_authenticated and user.is_superuser%}
	<div class="content">
		<div class="col_izq_admin">
			{% include 'admin/admin_menu_izq.html' %}
		</div>
	
		<div class="col_central">
			<table class="tabla-admin" border=1>
				<tr class="tabla-admin-head">
					<td colspan=3>Usuarios</td><td colspan=3><a href="/admin-usuarios/add/">Añadir nuevo</a></td>
				</tr>
				<tr class="tabla-admin-rotulos">
					<td>Username <a href="/admin-usuarios/?o=username"><img class="icon" src="{{STATIC_URL}}images/up-icon.png"></a> <a href="/admin-usuarios/?o=-username"><img class="icon" src="{{STATIC_URL}}images/down-icon.png"></a></td>
					<td>Nombre <a href="/admin-usuarios/?o=first_name"><img class="icon" src="{{STATIC_URL}}images/up-icon.png"></a> <a href="/admin-usuarios/?o=-first_name"><img class="icon" src="{{STATIC_URL}}images/down-icon.png"></a></td>
					<td>Apellidos <a href="/admin-usuarios/?o=last_name"><img class="icon" src="{{STATIC_URL}}images/up-icon.png"></a> <a href="/admin-usuarios/?o=-last_name"><img class="icon" src="{{STATIC_URL}}images/down-icon.png"></a></td>
					<td>E-mail <a href="/admin-usuarios/?o=email"><img class="icon" src="{{STATIC_URL}}images/up-icon.png"></a> <a href="/admin-usuarios/?o=-email"><img class="icon" src="{{STATIC_URL}}images/down-icon.png"></a></td>
					<td>Rol<a href="/admin-usuarios/?o=rol"><img class="icon" src="{{STATIC_URL}}images/up-icon.png"></a> <a href="/admin-usuarios/?o=-rol"><img class="icon" src="{{STATIC_URL}}images/down-icon.png"></a></td>
					<td>Opciones</td>
				</tr>
				{% for usuario,rol in usuarios %}
				<tr>
					<td>{{usuario.username}}</td>
					<td>{{usuario.first_name}}</td>
					<td>{{usuario.last_name}}</td>
					<td>{{usuario.email}}</td>
					<td>{{rol}}</td>
					<td>
						<a href="/admin-usuarios/ver/?u={{usuario.id}}">Ver</a>
						<a href="/admin-usuarios/delete/?u={{usuario.id}}">Borrar</a>
					</td>
				</tr>
				{% endfor %}
				<tr>
					<td colspan=6>
						<div class="pagination">
    						<span class="step-links">
	        					{% if usuarios.has_previous %}
	           				 		<a href="?page={{ usuarios.previous_page_number }}&o={{orden}}">Previo</a>
	        					{% endif %}
	
	        					<span class="current">
	            					Página {{ usuarios.number }} de {{ usuarios.paginator.num_pages }}.
	        					</span>
	
	        					{% if usuarios.has_next %}
	            					<a href="?page={{ usuarios.next_page_number }}&o={{orden}}">Siguiente</a>
	        					{% endif %}
    						</span>
						</div>
					</td>
				</tr>
				<tr>
					<td colspan=6>
						<form id="busca-usuario" method="post" action="/admin-usuarios/search/">
							{% csrf_token %}
							Buscar por username <input type="text" name="username"> <input type="submit" name="submit" value="Ir">
						</form>
					</td>
				</tr>
			</table>
			
		</div>
	
		<div class="col_der">
			<a href="/home/">Visitar la web</a>
		</div>
	</div>
{% endif %}
